<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>demo</title>
  <link rel="stylesheet" href="./index.css">
</head>
<body>
  <div class="box">
    <div class="textOverflowMulti only">
      Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quo iste nihil eligendi accusamus dolorum ex iusto error tenetur in qui tempore incidunt optio, quasi impedit et eaque repellat quaerat eius?
    </div>
    <div class="textOverflowMulti">
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore laboriosam repellat labore dolore facilis ab fugit illo culpa nisi veniam obcaecati excepturi eum, minima saepe earum mollitia eos consequuntur impedit.
      Repellat id architecto harum reprehenderit libero reiciendis sequi pariatur mollitia maiores? Repellat impedit nobis reprehenderit laboriosam reiciendis in, dolor iste aperiam eveniet labore ea totam commodi, architecto, voluptatum optio possimus.
      Nulla laudantium laborum, ipsam laboriosam aperiam porro voluptatem sint omnis dolorem, corporis totam ipsum, doloremque inventore pariatur placeat debitis aspernatur dolor! Modi provident velit deserunt minus officia? Sit, esse ab.
      Natus quo sunt velit, id porro adipisci esse cum veniam pariatur consequatur nihil dignissimos ullam assumenda, mollitia libero. Quisquam iure, ea commodi quidem laborum tempore dolor tempora labore quod porro!
      Esse sequi recusandae iure voluptas, nostrum distinctio, enim unde illum asperiores blanditiis impedit neque vitae, aliquid doloribus reprehenderit fugiat amet voluptatum! Vitae eveniet cum iste ratione ex laudantium accusantium eum.
      Eum nihil vel culpa, eos itaque excepturi officia placeat corporis nesciunt deleniti cum minima obcaecati quia repellendus numquam expedita esse? Accusantium expedita impedit iure quisquam voluptate possimus alias itaque a?
      Tempore hic impedit error, fugiat quasi possimus quia, mollitia itaque iure corrupti nesciunt assumenda neque molestias, eaque nulla quo. Impedit eius placeat voluptas deserunt cupiditate laborum necessitatibus hic, quae repellendus?
      Cumque, cum? Nulla, ad, fuga explicabo illo quibusdam tempore, hic eaque nobis aut sequi maxime molestias repellat animi quae! Nostrum odio qui sed corporis praesentium aut nihil fugit nisi. Ratione.
      Voluptatum aut atque dolor officia necessitatibus, dolorum ipsum quos qui rem nulla quam repellat voluptas dolore sit earum! Officiis dolore explicabo iure dolorum voluptate. Reiciendis dignissimos architecto similique sequi porro.
      Eos quam necessitatibus eligendi sint excepturi eaque dolorem. Repellendus, modi, sequi molestias in alias voluptate excepturi officia ut vero expedita earum, laborum nesciunt sint asperiores eius. Sapiente iure laudantium temporibus.
    </div>
    <div class="textOverflowMulti blue">
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore laboriosam repellat labore dolore facilis ab fugit illo culpa nisi veniam obcaecati excepturi eum, minima saepe earum mollitia eos consequuntur impedit.
      Repellat id architecto harum reprehenderit libero reiciendis sequi pariatur mollitia maiores? Repellat impedit nobis reprehenderit laboriosam reiciendis in, dolor iste aperiam eveniet labore ea totam commodi, architecto, voluptatum optio possimus.
      Nulla laudantium laborum, ipsam laboriosam aperiam porro voluptatem sint omnis dolorem, corporis totam ipsum, doloremque inventore pariatur placeat debitis aspernatur dolor! Modi provident velit deserunt minus officia? Sit, esse ab.
      Natus quo sunt velit, id porro adipisci esse cum veniam pariatur consequatur nihil dignissimos ullam assumenda, mollitia libero. Quisquam iure, ea commodi quidem laborum tempore dolor tempora labore quod porro!
      Esse sequi recusandae iure voluptas, nostrum distinctio, enim unde illum asperiores blanditiis impedit neque vitae, aliquid doloribus reprehenderit fugiat amet voluptatum! Vitae eveniet cum iste ratione ex laudantium accusantium eum.
      Eum nihil vel culpa, eos itaque excepturi officia placeat corporis nesciunt deleniti cum minima obcaecati quia repellendus numquam expedita esse? Accusantium expedita impedit iure quisquam voluptate possimus alias itaque a?
      Tempore hic impedit error, fugiat quasi possimus quia, mollitia itaque iure corrupti nesciunt assumenda neque molestias, eaque nulla quo. Impedit eius placeat voluptas deserunt cupiditate laborum necessitatibus hic, quae repellendus?
      Cumque, cum? Nulla, ad, fuga explicabo illo quibusdam tempore, hic eaque nobis aut sequi maxime molestias repellat animi quae! Nostrum odio qui sed corporis praesentium aut nihil fugit nisi. Ratione.
      Voluptatum aut atque dolor officia necessitatibus, dolorum ipsum quos qui rem nulla quam repellat voluptas dolore sit earum! Officiis dolore explicabo iure dolorum voluptate. Reiciendis dignissimos architecto similique sequi porro.
      Eos quam necessitatibus eligendi sint excepturi eaque dolorem. Repellendus, modi, sequi molestias in alias voluptate excepturi officia ut vero expedita earum, laborum nesciunt sint asperiores eius. Sapiente iure laudantium temporibus.
    </div>
  </div>
</body>
</html>